doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:7442回复:0

[vue]HBuilder 打包vue项目

楼主#
更多 发布于:2018-07-07 15:09
一、测试项目是否可以正确运行    指令:npm run dev
首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目. 确保项目可以运行


二、修改路径 (assetsPublicPath: './')
打开我们config中的index.js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置)


三、打包文件  指令:npm run build
打包后会生成dist文件


四、把dist文件变成app模式
在HBuilder中点击文件,打开目录,找到我们项目中的dist文件,确定。

然后我们会看到这样的带着 W 的文件

图片:w.png



五、转换APP

右键dist,点击转换成App(T)

图片:app.png





六、在manifest.json里面配置APP名字及APP图标

现在,我们已经将VUE项目转成HBuild中的移动APP项目,其它与HBuild打包方法相同了,可参考HBuilder打包链接:http://bugshouji.com/shareweb/t503


此文参考:https://blog.csdn.net/niesiyuan000/article/details/78890240
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号